<template>
<div id="login">
    <form action="#">
        <p><input type="text" placeholder="账户/手机号/邮箱"></p>
        <p><input type="password" placeholder="请输入您的密码"></p>
        <p><button>登录</button></p>
    </form>
    <p class="find-password">
        <span>立即注册</span>
        <span>找回密码</span>
    </p>
</div>
    
</template>
<script>
export default {
    name:'Login'
}
</script>
<style scoped>
#login{
    padding-top: 50px;
}
input{
    width: 97%;
    height: 48px;
    border: none;
    border-bottom:1px solid #ccc ;
    padding-left: 10px;
    outline: none;
}
button{
    border-radius: 5px;
    color: white;
    background:#e54847 ;
    width: 95%;
    margin:10px;
    height: 40px;
    font-size: 14px;
}
.find-password span{
    color: #e54847;
    font-size: 12px;
}
.find-password span:first-child{
    float: left;
    margin-left: 10px;
}
.find-password span:last-child{
    float: right;
    margin-right: 10px;
}
</style>